import Vue from 'vue';
// import './css/index.css'
import login from './login.vue';

var vm = new Vue({
    el: '#app2',
    data: {
        msg: '123'
    },
    // components: {
    //     login
    // },
   render: function (createElements) {
       return createElements(login)
   }
})


// class是es6提供的新语法 用来实现 es6 中 面向对象的编程方式
// 使用static关键字 可以定义静态的属性
    // 所谓的静态属性 就是可以 直接通过类名 直接访问的属性 Person.info
    // 实例属性:只可以通过类的实例来访问的属性 叫做实例属性
// class Person {
//     static info = { name: 'zs', age: 20}
// }
// 和java c# 面向对象的方式 完全一样了 class是从后端语言中 借鉴过来的 来实现面向对象
// var p1 = new person()
// p1.name 实例属性

// 访问Person的info属性
// console.log(Person.info)

// 在webpack中 默认只能处理 一部分的es6新语法 一些更高级的es6语法或者es7语法 webpack是处理不了的 这时候 就需要第三方的 loader 来帮助webpack来处理这些高级语法 当第三方的loader 吧高级转成低级之后 会吧结果交给webpack去打包 通过bable可以帮我们进行转换
// cnpm i babel-core babel-loader@7.1.5 babel-plugin-transform-runtime -D
// cnpm i babel-preset-env babel-preset-stage-0 -D
// cnpm install babel-loader @babel/core @babel/preset-env -D

// 目前我们安装的 babel-preset-env 是比较新的 es语法 之前我们按照的 bable-preset-es2015 es6的意思 现在除了一个更新的 语法插件 叫做babel-preset-env  他包含了所有的和es各种版本的语法

// 以前的语法

// function Name(params) {
//     this.params = params 
// }

// Name.params = xxx

// var a1 = new Name('消化')

// console.log(Name.params) 静态属性

// console.log(a1.name) 实例属性